<template>
    <van-tabbar v-model="active" placeholder>
        <van-tabbar-item v-for="(item,index) in tabs" :key="index" :icon="item.icon" :to="item.to">{{item.name}}</van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
  data() {
    return {
      active:0,
      tabs:[
        {
            icon:'home-o',
            name:'首页',
            to:'/index/home'
        },
        {
            icon:'search',
            name:'爆爆团',
            to:'/index/tuan'
        },
        {
            icon:'friends-o',
            name:'订单',
            to:'/index/order'
        },
        {
            icon:'setting-o',
            name:'我的',
            to:'/index/mine'
        },
      ]
    };
  },
};
</script>

<style>

</style>